 <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }

    h1 {
      text-align: center;
    }

    table {
      margin: 0 auto;
      border-collapse: collapse;
    }

    caption {
      caption-side: bottom;
      font-size: 20px;
      padding: 10px;
    }

    th, td {
      padding: 10px;
      border: 1px solid #ccc;
      text-align: center;
    }

    th {
      background-color: #009688;
      color: white;
    }

    tbody td:first-child {
      background-color: #009688;
      color: white;
    }

    tbody tr:nth-child(odd) {
      background-color: #f0f0f0;
    }

    tbody tr:hover {
      background-color: #c8e6c9;
    }

    tbody tr:hover td:first-child {
      background-color: #00796b;
    }

     </style>
